/**
 *  Product: Posterita Web-Based POS and Adempiere Plugin
 *  Copyright (C) 2007  Posterita Ltd
 *  This file is part of POSterita
 *  
 *  POSterita is free software; you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation; either version 2 of the License, or
 *  (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License along
 *  with this program; if not, write to the Free Software Foundation, Inc.,
 *  51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
 */
 
/**
	@author tamak
 */
 

body
{
	font-family: arial,sans-serif;	
	font-size: 10pt;	
	letter-spacing: 1px;
	color: #000000;
	
}

mandatory
{
	font-weight: bold;
	text-align:right;
	font-size:18px;
	color: blue;
}

p.loginHeader
{
	color: #666666;
	font-size: 36px;
	font-weight: bold;
	font-family: arial,sans-serif;	
}



div.copyright
{
	background-color: #666666;
	text-align: center;
	color: #FFFFFF;
	font-family: arial,sans-serif;	
	font-weight: bold;
	font-size: 10pt;
	letter-spacing: 1px;
	padding: 2;
}

label
{
	font-family: arial,sans-serif;	
	font-size: 10pt;
	/*font-weight: bold;*/
	letter-spacing: 1px;
	color: #000000;
	padding-right: 4px;	
}

label.red
{
	font-family: arial,sans-serif;	
	font-size: 10pt;
	/*font-weight: bold;*/
	letter-spacing: 1px;
	color: #E83530;	
}

label.green
{
	font-family: arial,sans-serif;	
	font-size: 10pt;
	/*font-weight: bold;*/
	letter-spacing: 1px;
	color: #0A9409;	
}

li.errormsg
{
	list-style-image: url("../images/pos/error.jpg");
	font-family: arial,sans-serif;	
	font-size: 10pt;
	/*font-weight: bold;*/
	letter-spacing: 1px;
	color: #000000;
}

legend
{
	font-family: arial,sans-serif;	
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1px;
	color:#0A9409;
}


input.text
{
	border: solid 1px #666666;
	/*font-family: arial,sans-serif;*/	
	font-size: 10pt;
}

textarea.text
{
	border: solid 1px #666666;
	/*font-family: arial,sans-serif;*/	
	font-size: 10pt;
}

select.text
{
	border: solid 1px #666666;
	/*font-family: arial,sans-serif;*/	
	font-size: 10pt;
}


input.medium
{
	width:100px;
}

input:focus
{
	background-color: #CDD4E9;
	border: solid 1px #333333;
}


font.greencolor
{
	color:#0A9409;
}

font.redcolor
{
	color:#E83530;
}

font.title
{
	font-size: 16pt;
}

div.main
{
	width:800px;
	border:solid 1px #000000;
	text-align: center;
	overflow: inherit;
	/* height: 600px; */		
}

div.header
{
	width:800px;
	/* height: 110px; */	
}

div.menu
{
	width:800px;	
	background-color: #D8D8D8;	
}

div.content
{
	width:800px;
	min-height: 300px;	
	background-color: #F4F4F4;
}

font 
{
	font-family: arial,sans-serif;	
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1px;
	color: #555555;
}

li.submenu
{
	list-style-image: url("../images/pos/buttons/bullet_red.gif");
	font-family: arial,sans-serif;	
	font-size: 10pt;
	/*font-weight: bold;*/
	letter-spacing: 1px;
	color: #000000;
}

img.topmenu
{
	border-style: none;
	
}

img.button
{
	cursor:pointer;	
}

/* anchor sytles */
a:hover 
{
	color:#0A9409;
}

a.topmenu
{
	text-decoration: none;
	border-width: 0px;
	border-style: none;
}

a.submenu
{	
	text-decoration: none;
	color:#666666;
	font-family: arial,sans-serif;
	font-size: 11pt;
	letter-spacing: 1px;
	font-weight: bold;
}

td.submenu
{	
	text-decoration: none;
	color:#666666;
	font-family: arial,sans-serif;
	font-size: 11pt;
	letter-spacing: 1px;
	font-weight: bold;
}

a
{	
	text-decoration: none;	
	font-family: arial,sans-serif;
	font-size: 11pt;
	letter-spacing: 1px;	
}

a.forgotpassword
{
	color:#0A9409;
	font-family: arial,sans-serif;
	font-size: 12pt;
	letter-spacing: 1px;
	font-weight: bold;
}

/* end of anchor styles */

/* Auto complete style */
div.autocomplete {
      position:absolute;
      width:250px;      
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      overflow: auto;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;  
  cursor:pointer;
  letter-spacing: 1px;
  font-size: 10pt;
  font-family:arial,sans-serif;
}
div.notfound {
	background-color: #ffb;	
}

/* tables styles */
table.view
{
	border-collapse: collapse;
	/*border: solid 1px black;*/
}

table.view td
{	
	font-family: arial,sans-serif;	
	font-size: 10pt;	
	letter-spacing: 1px;	
	color: #000000;	
	padding: 5px 0px 5px 0px;
}

table.layout
{
	padding-left: 10;
	padding-right: 10;
	padding-top: 10;
	padding-bottom: 10;
	
	/* border:solid 1px #000000; */
}

table.main
{
	width: 100%;
	/*border: solid 1px black;*/
	border-collapse: collapse;
}

table.main td
{
	padding: 5px 0px 5px 0px;	
}

table.topmenu
{
	padding-left: 10;
	padding-right: 10;
	
	/* border:solid 1px #000000; */	
}

td.buttoncell
{
	padding-right: 0px;	
}

table.login
{
	width: 800px;
	/*height: 600px;*/
	border: solid black 1px;
	border-spacing: 0;		
}

td.loginHeader
{
	height: 210px;	
	background-image: url("../images/pos/POS-LOGIN_01.gif");
	background-repeat: no-repeat;	
}

table.content
{
	width: 100%;
	/* border: solid 1px black; */
	border-collapse: collapse;
}

table.content th
{
	font-family: arial,sans-serif;	
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	background-color: #909090;	
}

table.content td.total
{
	font-family: arial,sans-serif;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	background-color: #BBBBBB;
}

table.content td
{
	font-family: arial,sans-serif;	
	font-size: 10pt;	
	letter-spacing: 1px;
	font-weight: bold;
	color: #000000;
	padding: 5px 0px 5px 0px;
	
}

table.cart
{
	width: 100%;
	/*border: solid 1px black;*/
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
}

table.cart td
{
	font-family: arial,sans-serif;	
	font-size: 10pt;	
	letter-spacing: 1px;
	font-weight: bold;
	color: #000000;
	padding: 5px 5px 5px 5px;	
}

table.cart th
{
	font-family: arial,sans-serif;	
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	background-color: #909090;
	padding: 5px 5px 5px 5px;
}

table.cart td.total
{
	font-family: arial,sans-serif;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	background-color: #BBBBBB;
}

table.cart td.label
{
	font-family: arial,sans-serif;	
	font-size: 10pt;	
	letter-spacing: 1px;
	font-weight: bold;
	color: #000000;
	background-color: #D8D8D8;
}

table.cart td.contentname
{
	font-family: arial,sans-serif;	
	font-size: 10pt;	
	letter-spacing: 1px;
	font-weight: bold;
	color: #000000;
	background-color: #C9C9C9;
}

table.content td.label
{
	font-family: arial,sans-serif;	
	font-size: 10pt;	
	letter-spacing: 1px;
	font-weight: bold;
	color: #000000;
	background-color: #D8D8D8;
}

table.content td.contentname
{
	font-family: arial,sans-serif;	
	font-size: 10pt;	
	letter-spacing: 1px;
	font-weight: bold;
	color: #000000;
	background-color: #C9C9C9;
}

table.orderheader td
{
	font-family: arial,sans-serif;	
	font-size: 10pt;	
	letter-spacing: 1px;
	padding: 5px 0px 5px 0px;
	color: #000000;	
}

/*
td.copyright
{
	height: 60px;
	vertical-align: top;
	padding: 0;
}
*/

table.display td a
{
	text-decoration: none;
	color:blue;
	font-family: arial,sans-serif;
	font-size: 10pt;
	letter-spacing: 1px;	
}

table.display
{
	width: 100%;
	border: solid 1px black;
	border-collapse: collapse;
}

table.display td.label
{
	/*
	font-family: arial,sans-serif;	
	font-size: 10pt;	
	letter-spacing: 1px;	
	color: #000000;
	*/
	background-color: #D8D8D8;
}

table.display td.contentname
{
	/*
	font-family: arial,sans-serif;	
	font-size: 10pt;	
	letter-spacing: 1px;	
	color: #000000;
	*/
	background-color: #C9C9C9;
}

table.display td
{
	font-family: arial,sans-serif;	
	font-size: 9pt;	
	letter-spacing: 1px;	
	color: #000000;
	padding: 5px 5px 5px 5px;	
}

table.display th
{
	font-family: arial,sans-serif;	
	font-size: 9pt;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	background-color: #909090;
	padding: 5px 5px 5px 5px;
}

caption
{
	font-family: arial,sans-serif;	
	font-size: 12pt;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 5px 5px 5px 5px;
}
/* end of table styles */

/* buttons styles */
.advanced
{
	background-image: url("../images/pos/buttons/button_advanced.gif");	
}

.continue
{
	background-image: url("../images/pos/buttons/button_continue.gif");
}

.complete
{
	background-image: url("../images/pos/buttons/button_continue.gif");
}

.addtocart
{
	background-image: url("../images/pos/buttons/button_addtocart.gif");
}

.newcustomer
{
	background-image: url("../images/pos/buttons/button_newcustomer.gif");
}

.checkout
{
	background-image: url("../images/pos/buttons/button_checkout.gif");
}

.delete
{
	background-image: url("../images/pos/buttons/button_delete.gif");
}

.neworder
{
	background-image: url("../images/pos/buttons/button_neworder.gif");
}

.cash
{
	background-image: url("../images/pos/buttons/button_cash.gif");
}

.card
{
	background-image: url("../images/pos/buttons/button_card.gif");
}

.cheque
{
	background-image: url("../images/pos/buttons/button_cheque.gif");
}

.mixed
{
	background-image: url("../images/pos/buttons/button_mixed.gif");
}

.save
{
	background-image: url("../images/pos/buttons/button_submit.gif");
}

.submit
{
	background-image: url("../images/pos/buttons/button_submit.gif");
}

.refresh
{
	background-image: url("../images/pos/buttons/button_refresh.gif");
}

.piechart
{
	background-image: url("../images/pos/buttons/button_piechart.gif");
}

.barchart
{
	background-image: url("../images/pos/buttons/button_barchart.gif");
}

.timeseries
{
	background-image: url("../images/pos/buttons/button_timeseries.gif");
}

.tabular
{
	background-image: url("../images/pos/buttons/button_tabular.gif");
}

.bigbutton
{	
	background-repeat: no-repeat;
	cursor: pointer;
	border: 0px;
	width: 127px;
	height: 42px;
	font-family: arial,sans-serif;	
	font-size: 12pt;	
	letter-spacing: 1px;	
	font-weight: bolder;
	color: #666666;
	padding: 0px;	
}

.smallbutton
{
	background-repeat: no-repeat;
	cursor: pointer;
	border: 0px;
	width: 87px;
	height: 42px;
	font-family: arial,sans-serif;	
	font-size: 12pt;	
	letter-spacing: 1px;	
	font-weight: bolder;
	color: #666666;
	padding: 0px;
}

.tangobutton
{
	background-repeat: no-repeat;
	cursor: pointer;
	border: 0px;
	width: 87px;
	height: 42px;
	font-family: arial,sans-serif;	
	font-size: 12pt;	
	letter-spacing: 1px;	
	font-weight: bolder;
	color: #666666;
	padding: 0px;
}

/* end of buttons styles */

div.space
{
	height:10px;
	/*
	border: solid 1px black;
	background-color: #0000FF;
	*/
}

